{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>R0 | 中国色</title>
    <link rel="stylesheet" href="{% static 'color_board/static_file/css/detail.css' %}">
    <script type="text/javascript">
        var cur_url="{% static ''%}" ;
        var json_url=cur_url+"color_board/static_file/js/colors.json" ;
        //var swf_url=cur_url+"color_board/static_file/js/ZeroClipboard.swf" ;
        //console.log(swf_url) ;
    </script>
    <script src="{% static 'color_board/static_file/js/jquery.js' %}"></script>
    <script src="{% static 'color_board/static_file/js/detail.js' %}"></script>
    <script src="{% static 'color_board/static_file/js/clipboard.js' %}"></script>
    <!-- <script src="{% static 'color_board/static_file/js/jquery.zclip.js' %}"></script> -->
</head>
<body>
    <main class="all-box">
    </main>
    <footer>
        <div class="canvas-1" ></div>
        <div class="canvas-2" ></div>
    </footer> 
    <script type="text/javascript">

        $(document).ready(function(){
            getColorjson(json_url);
            var clipboard = new ClipboardJS('.color-block-btn');
            //var clipboard = new ClipboardJS('.test');
            //$(".test").zclip({path:swf_url, copy: function(){return "qwq"; }, afterCopy:function(){/* 复制成功后的操作 */ alert("qwq") ; } });
            clipboard.on('success', function(e) {
                console.log(e);
            });
            clipboard.on('error', function(e) {
                console.log(e);
            });
        }) ;
        
    </script> 
</body>

</html lang="zh-CN">
